<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        #nav{
            width: 150px;
            margin-top: 12px;
            margin-right: 18px;
            float: left;
        }
        #nav ul{
            list-style: none;
            margin: 12px 0 0 0;
            padding: 0;
        }
        #nav ul li{
            border-bottom: 1px solid #ffffff;
        }
        #nav ul li a{
            text-decoration: none;
            font-size: 10pt;
            font-weight: bold;
            padding: 3px 0 3px 3px;
            display: block;
        }

        #nav ul li a:link, #nav ul li a:visited{
            background-color: #628794;
            color: #ffffffff;
        }

        #nav ul li a:hover, #nav ul li a:active{
            background-color: #6cac46;
            color:#000000
        }

        #nav ul ul{
            margin: 0;
            //padding: 0;
        }

        #nav ul ul li{
            border-bottom: none;
        }

        #nav ul ul li a{
            padding-left: 18px;
        }

        #nav ul ul li a:link, #nav ul ul li a:visited{
            background-color: #628794;
            color: #ffffff;
        }

        #nav ul ul li a:hover, #nav ul ul li a:active{
            background-color: #c6a648;
            color: #000000;
        }

        #content{
            width: 550px;
            float: left;
        }
        #content a{
            text-decoration: none;
            font-weight: bold;
        }
    </style>

</head>

<body>
    <div id="nav">
        <ul>
            <li><a href="#">Mission</a></li>
            <li><a href="#">History</a></li>
            <li>
                <a href="#">Executive</a>
                <ul>
                    <li><a href="#">&raquo CEO</a></li>
                    <li><a href="#">&raquo CFO</a></li>
                    <li><a href="#">&raquo CTO</a></li>
                    <li><a href="#">&raquo COO</a></li>
                </ul>
            </li>
            <li><a href="#">Team</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
    </div>

    <div id="content">
        <h1>About us</h1>
        <p>武汉建科科技有限公司位于武汉市东湖高新技术开发区光谷腹地,是一家专业研发、制造、销售环境工程、 岩土工程、工程物探、工程勘察、工程监测、工程检测、检测试验仪器设备的高新技术企业。 现有员工数十人，80%以上具有本科以上学历，其中硕士1人，博士后1人。公司成立以来， 致力于工程检测、工程测试、工程勘察技术及仪器设备的研究开发，研制出基桩静载试验仪器、 波速测试仪器、静力触探仪器、多通道位移测试仪器、岩土电阻率测试仪器及相关工程传感器等系列 具有自主知识产权的产品，在建设工程、公路工程、铁路工程、水利水电工程、国防工程等 各个工程建设领域得到广泛应用。</p>
        <ul>
            <li><a href="#">Mission：</a>详细描述111111111111111111111</li>
            <li><a href="#">History：</a>详细描述222222222222222222222</li>
            <li><a href="#">Executive：</a>详细描述333333333333333333333</li>
            <li><a href="#">Team：</a>详细描述44444444444444444444444444</li>
            <li><a href="#">Contact Us：</a>详细描述55555555555555555555</li>
        </ul>
    </div>


</body>
</html>